<template>
    <el-container>
        <el-main style="text-align: center">
            <div class="el-icon-success-warp"><i class="el-icon-success"></i></div>
            <p class="success-text">已成功提交资料!</p>
            <p class="success-text">保全申请以交审判部门审核的书面材料为准，如未提交，请在3日内将材料交审判法官、书记员</p>
            <p style="line-height: 4rem;">
                <el-button type="success" @click="rewrite" >返回首页</el-button>
             </p>
        </el-main>
<!--        <el-main class="success-area transform-center-parent">-->

<!--            <div class="transform-center-child">-->
<!--                <i class="el-icon-success"></i>-->
<!--                <div class="success-text">-->
<!--                    <p>已成功提交资料</p>-->
<!--                    <p>保全申请以纸质书面材料交审判部门审核为准，请在3日内将全部纸质材料交审判法官、书记员</p>-->
<!--                    <p style="line-height: 2rem">-->
<!--                        <el-button type="primary" @click="rewrite">重新填写</el-button>-->
<!--                    </p>-->
<!--                </div>-->

<!--            </div>-->

<!--        </el-main>-->
    </el-container>
</template>

<script>
    import {mapActions,mapState} from 'vuex'

    export default {
        name: "Complete",

        computed:{

            ...mapState([
                'step','AH',
            ])
        },

        methods:{

            ...mapActions([
                'setStep','resetToken','clearSessionStorage'
            ]),

            rewrite(){
                this.resetToken()
            },

            closePage(){
                this.clearSessionStorage()
                window.close();
            }
        }

    }
</script>

<style scoped>

    .el-icon-success{font-size: 30rem;color:#67C23A;}
    .success-text{font-size: 3rem;color: #909399;text-align: center;line-height: 7rem}
</style>